<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>新建采购单</title>
		<!-- Bootstrap -->
		<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.12.1/bootstrap-table.min.css">
		<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css">
		<link rel="stylesheet" href="../css/bootstrap-datetimepicker.css" />
		<link rel="stylesheet" href="../fonts/font-awesome-4.7.0/css/font-awesome.css" />
		<!--<link rel="" />-->
	</head>

	<body>
		<!-- 模态框（Modal） -->
		<div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">

					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                  &times;            </button>
						<h4 class="modal-title" id="myModalLabel">
             采购单           </h4>
					</div>
					<form>
						<div class="modal-body">
							<div class="col-md-12">
								<div class="form-group">
									<label class="col-md-2" style="font-size: 12px;font-weight: normal;text-align: right;"><span style="color: red;">*</span>采购主题:</label>
									<div class="col-md-9">
										<input class="form-control" />
									</div>
								</div>
							</div><br><br><br>
							<div class="col-md-12">
								<div class="form-group">
									<label class="col-md-2" style="font-size: 12px;font-weight: normal;text-align: right;"><span style="color: red;">*</span>供应商（客户）:</label>
									<div class="col-md-9">
										<input class="form-control" />
									</div>
								</div>
							</div><br><br><br>
							<div class="col-md-12">
								<div class="form-group">
									<label class="col-md-2" style="font-size: 12px;font-weight: normal;text-align: right;"><span style="color: red;">*</span>采购日期:</label>
									<div class="input-append date form_datetime input-group col-md-5">
										<input id="data" class="form-control" />
										<span class="input-group-addon">
									<i class="fa fa-calendar"></i>
								</span>
									</div>
								</div>
							</div><br><br><br>
							<div class="col-md-12">
								<div class="form-group">
									<label class="col-md-2" style="font-size: 12px;font-weight: normal;text-align: right;"><span style="color: red;">*</span>仓库:</label>
									<div class="col-md-5">
										<select class="form-control ">
											<option>全国仓库</option>
											<option>上海仓库</option>
											<option>北京仓库</option>
										</select>
									</div>
								</div>
							</div><br><br><br>
							<div class="col-md-12">
								<div class="form-group">
									<label class="col-md-2" style="font-size: 12px;font-weight: normal;text-align: right;"><span style="color: red;">*</span>经手人:</label>
									<div class="col-md-5">
										<input class="form-control" />
									</div>
								</div>
							</div><br><br><br>
							<div class="col-md-12">
								<div class="form-group">
									<label class="col-md-2" style="font-size: 12px;font-weight: normal;text-align: right;"><span style="color: red;">*</span>金额:</label>
									<div class="col-md-5">
										<input class="form-control" />
									</div>
								</div>
							</div><br><br><br>
							<div class="col-md-12">
								<div class="form-group">
									<label class="col-md-2" style="font-size: 12px;font-weight: normal;text-align: right;"><span style="color: red;">*</span>备注:</label>
									<div class="col-md-9">
										<input class="form-control" />
									</div>
								</div>
							</div><br><br><br>
							<!--<div class="col-md-12">
								<div class="form-group">
									<div class="col-md-9">
										<button type="button" class="btn btn-default" style="background-color: #EEEEEE;">
		<span >上传附件</span>
	</button>&nbsp;&nbsp;&nbsp;<span style="font-size: 12px;">可多选，每个小于10M</span></div>
								</div>
							</div><br><br><br>-->
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
							<button type="button" class="btn btn-primary">
               保存         </button>
						</div>
					</form>
				</div>
				<!-- /.modal-content -->
			</div>

			<!-- /.modal -->
		</div>
		<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
		<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
		<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
		<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
		<script src="../js/bootstrap-datetimepicker.min.js"></script>
		<script type="text/javascript">
			$(".form_datetime").datetimepicker({
				format: "dd MM yyyy - hh:ii",
				autoclose: true,
				todayBtn: true,
				pickerPosition: "bottom-left"
			});
		</script>
	</body>

</html>